/*
 *  HEAD / BODY
 */

body * {
    /*border: black solid 1px;*/
	font-family: Verdana, Helvetica, sans-serif, "Palatino Linotype";
	font-size: 100%;
}

body {
	display:block;
	width:100%;
}

p {
	letter-spacing:normal;
	line-height:1.7em
}

.matchText {
    font-weight: 800;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

/*
 *  Generic functionality
 */

.blockHeader{
    border: 1px solid;
	text-shadow: 1px 1px gray;
    display: block;
    font: bold;
    font-size: 1.25em;
    text-align: center;
    background:#D1F2FF;
    color:black
}

.block {
    border: 1px solid;
    padding: 10px;

	-moz-box-shadow: 2px 2px 4px #ffffff;
	-webkit-box-shadow: 2px 2px 4px #ffffff;
    box-shadow: 2px 2px 4px #ffffff;

    -moz-border-radius: 12px;
	-webkit-border-radius: 12px;
    border-radius: 12px;

	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.blockBlue {
	color: #0052AB;
    background: #F2FBFF;
}

.blockGreen {
    color: #4F8A10;
    background-color: #DFF2BF;
}

.blockYellow {
    color: #9F6000;
    background-color: #FEEFB3;
}

.blockRed {
    color: #B8000A;
    background-color: #FFBABA;
}

.blockOrange {
    color: #804C00;
    background-color: #FFB547;
}

.blockGrey {
    color: #000;
    background-color: #F7F7F7;
}

.prc90 {
	margin: 10px 5% 10px 5%;
}

.prc75 {
	margin: 10px 12.5% 10px 12.5%;
}

.prc50 {
	margin: 10px 25% 10px 25%;
}

.prc25 {
	margin: 10px 37.5% 10px 37.5%;
}

.slider {
	height:10px;
	position:relative;
	border:1px solid #333;
	width:150px;
	margin-top:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/*----------------------------*/

#pageWrapper {
	height: auto;
	width: 99%;
	margin: 0 auto 0 auto;
}

/*----------------------------*/

/*
 *  Header
 */

#headerWrapper {
	width:100%;
	height:160px;
	background-color:#FFF;
	border-bottom: gray solid 2px;
}

#logo {
	width: 160px;
	float: left;
}

#topBanner {
	margin-left: 160px;
    padding-top: 5px;
	height: 160px;
}

#search{
    text-align: center;
    width: 380px;
    margin: auto;
}

#searchInput{
background-color: #eff;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
width: 300px;
border: 1px solid black;
color: #321;
font-size: 1.15em;
font-weight: 600;
padding: 4px 3px 5px 3px;
}

#search_submit{
    width: 65px;
    height: 28px;
}

#hmenu {
    text-align: center;
    margin: 40px auto;
    padding-left: 5%;
}

#hmenu ul {
	list-style:none inside none;
	text-transform: uppercase;
}

#hmenu ul li a {
	color:#555;
	display:block;
	float:left;
	font-weight:600;
	padding:0 20px
}

#hmenu a:hover{
    color:#7bf;
    font-size: 1.125em;
}

/*
 *  Content
 */

#contentWrapper {
	margin: 1% auto;
	height: 100%;
	display: block;
}

#content {
	min-height:450px;
	width: 75%;
	margin: 1% auto 1% auto;
}

#sidebar {
	display: inline-block;
	float: left;
    height: 500px;
}

#navlist{
 border-bottom: 1px #000 solid;
 border-left: 1px #000 solid;
 border-right: 1px #000 solid;
}

#navlist li
{
 display: inline;
}

#navlist a
{
 width: 99.99%;
 display: block;
 background-color: #F2FBFF;
 border-bottom: 1px #000 solid;
 text-align: center;
 text-decoration: none;
 color: #000;
}

#navlist a:hover { background-color: orange; font-size: 1.1em; text-shadow: -1px 0 #6AA, 0 1px #6AA, 1px 0 #6AA, 0 -1px #6AA; }
#navlist a:visited { color: #000; }

#content {
	margin-left: 270px;
	height: 100%;
}

/*
 * Create Category
 */
#complCreate{
    margin-left:25%;
}

#createCat{
    margin-left: 10px;
    width:370px;
    height:350px;
    float:left;
}

#attrListCreate{
    margin-left:30%;
    float:left;
    position:absolute;
}

#attrCat{
    float:left;
    width:100%px;
    padding-left:5px;
    border-left:2px solid gray;
}

/*
 * Edit Category
 */
#complEdit{
    position: relative;
    float: left;
    width: 100%
}

#editCat{
    float: left;
    width:35%;
    position:relative;
}

#attrList{
    float: left;
    width:25%;
    position:relative;
}

#dataLists{
    float: left;
    width:20%;
    position:relative;
}

#attrCat2{
    float:left;
    width:100%;
    border-left:2px solid gray;
}

#attrCat3{
    float:left;
    width:100%;
    border-left:2px solid gray;
}

/*
 *  Login
 */

#fieldsetLogIn {
	text-align:center;
	width:250px;
	margin-top:10px;
	margin-left:500px;
	margin-right:530px;
	height:300px;
}

/*----------------------------*/

/*
 *  Register
 */

#registerField{
    text-align:center;
    width: 20%;
    margin: auto;
    height: 50%;
    padding: 2%;
}


/*-----------------------------*/

/*
 *  RetrieveInfo
 */

 #retrieve{
    width: 320px;
 }

 #lostId{
    border-bottom: 1px solid blue;
    padding-left:10px;
    padding-top: 10px;
 }

 #lostPassword{
    margin-top:10px;
    padding-left:10px;
 }


/*----------------------------*/

/*
 *  Footer
 */

#footerWrapper {
	text-align:center;
	width:100%;
	clear:both;
	font-size: 0.75em;
 }

#footer-lists {
	display: inline-block;
	width:960px;
	margin:0 auto
}

.footer-one-third {
	float:left;
	width:240px;
	position:relative;
	text-align:left;
	overflow:hidden;
	margin:10px 100px 10px 0;
}

.footer-last {
	margin-right:0 !important;
	clear:right
}

.footer-one-third ul {
	list-style:none;
	margin-left:0;
	padding:0}

.footer-one-third li {
	border-bottom:1px solid #0a0a0a;
	padding:5px 0}

#bottom-copyright {
	float:left;
}

/*
 * Message Boxes
 */

.msgboxInfo, .msgboxSuccess, .msgboxWarning, .msgboxError {
	border: 1px solid;
	padding: 15px 10px 15px 100px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.msgboxInfo.ul, .msgboxSuccess.ul, .msgboxError.ul, .msgboxWarning.ul {
	list-style: circle;
}

.msgboxInfo {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../images/info.png');
}

.msgboxSuccess {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('../images/success.png');
}

.msgboxWarning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../images/warning.png');
}

.msgboxError {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../images/error.png');
}

/* TableSorter */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin: 10px 0pt 15px;
	font-size: 0.95em;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
    border: 1px solid black;
    font-size: 0.95em;
	font-weight: 600;
	padding: 5px 23px 5px 5px;
}
table.tablesorter thead tr .header {
	background-image: url('../images/bg.gif');
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url('../images/asc.gif');
}
table.tablesorter thead tr .headerSortDown {
	background-image: url('../images/desc.gif');
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

div.tablesorterPager {
	padding: 10px 0 10px 0;
	background-color: #D6D2C2;
	text-align: center;
}
div.tablesorterPager span {
	padding: 0 5px 0 5px;
}
div.tablesorterPager input.prev {
	width: auto;
	margin-right: 10px;
}
div.tablesorterPager input.next {
	width: auto;
	margin-left: 10px;
}
div.tablesorterPager input {
	font-size: 8px;
	width: 50px;
	border: 1px solid #330000;
	text-align: center;
}

.tC
{
    padding: 5px;
    border: 1px solid black;
}

.tCC
{
    text-align: center;
}

.tCW
{
    padding: 5px;
    width: 250px;
    text-align: right;
}
